<template>
  <div >
    <el-dialog title="图片展示" :close-on-click-modal="false" append-to-body :visible.sync="imgVisible" width="60%">
      <div style="height:600px;overflow:auto;">
        <img style="width: 100%;" :src="img" alt="无图,可能路径存在错误">
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return{
      img:'',
      imgVisible:true
    }
  },
  methods: {
    initImg(img){
      this.imgVisible = true
      this.img = img
    }
  }
}
</script>

<style lang="scss" scoped>
  // .imgDialog {
  //  .img {
  //     display: flex;
  //     justify-content: center;
  //    .size {
  //       display: block;
  //       width: 100%;
  //       height: auto;
  //     }
  //   }
  // }
</style>